import { Component, Output, EventEmitter } from '@angular/core';
@Component({
    selector: 'add-printer',
    template: `
        <div class="add flex-column">
            <div (click)="changeName('deviceType')" class="add-container">
                <i class="material-icons icon">add_circle</i>
                <div class="flex-column margin-l-xs">
                    <span>添加外围设备</span>
                    <span class="text-s color-gray margin-t-xs">支持蓝牙、WiFi、USB等连接方式的外围设备</span>
                </div>
            </div>
            <div class="margin-t-m">
                <p class="text-s">为保证应用与设备正常工作，请选择<a href="https://www.menpuji.com/price#device" terget="_blank" class="color-lightblue">门铺集支持的外围设备</a></p>
            </div>
        </div>
    `,
    styleUrls: ['./printer.component.scss']
})

export class AddPrinterComponent{
    @Output()
    changePageName: EventEmitter<any> = new EventEmitter<any>();

    changeName(name){
        this.changePageName.emit(name);
    }
}